<template>
    <div class="kgo-left-info-sty">
          <img class="user-head-img" src="../../assets/userHead.png">
          <div class="user-role-sty">管理员</div>
          <!-- <div class="user-name-sty">哪吒</div> -->
    </div>
</template>

<script>
export default {
  props: {
    msg: String
  },
}
</script>
<style scoped>
.kgo-left-info-sty{
    position: relative;
    height: 120px;
    width: 100%;
    border-top: 1px solid #E4E7ED;
    border-bottom: 2px solid #E4E7ED;
}
.kgo-left-info-sty .user-role-sty{
    position:absolute;
    color: #FFFFFF;
    width: 100%;
    top:-10px;
}
.kgo-left-info-sty .user-name-sty{
    position:absolute;
    color: #FFFFFF;
    width: 100%;
    top:10px;
}
.user-head-img{
    position:absolute;
    top:15px;
    left:80px;
    border-radius: 28px;
    height: 56px;
    width: 56px;
}
</style>
